<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>OK</title>
    <meta name="viewport" content="initial-scale=1, maximum-scale=1">
    <link rel="shortcut icon" href="/favicon.ico">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">

    <link rel="stylesheet" href="css/sm.min.css">
		<style>
			.content-block-title{margin: 1rem 0.75rem; color:#4DAE0E; font-size: 1.2rem;}
			.list-block .item-title{color: #aaa;}
			.list-block .item-after{color: #161616;}
			.list-block .item-content.item-sum{ min-height: 4rem; padding: 1rem .75rem;}
			.list-block .item-content.item-sum .item-after{ max-height: 3.2rem;font-size: 2.4rem; font-weight: bold;}
			
			footer{position: fixed; bottom: 0px; width: 100%;}
		</style>
  </head>
  <body>
    <div class="page-group">
    	
    	<div class="page page-current">
    		<!-- 标题栏 -->
	      <!--<header class="bar bar-nav">
			    <a class="button button-link button-nav pull-left" href="#" data-transition='slide-out'>
			    	<span class="icon icon-left"></span>返回
			    </a>
			    <h1 class="title">标题</h1>
		    </header>-->
		    
		    <!-- 页面内容区 -->
		    <div class="content">
		    	<div class="content-block-title"> 支付成功！</div>
		    	<div class="list-block">
				    <ul>
				      <li class="item-content">
				        <div class="item-inner">
				          <div class="item-title">交易单号</div>
				          <div class="item-after">12323234454554645645674567</div>
				        </div>
				      </li>
				      <li class="item-content">
				        <div class="item-inner">
				          <div class="item-title">交易时间</div>
				          <div class="item-after">2017-09-04 15:30</div>
				        </div>
				      </li>
				      <li class="item-content">
				        <div class="item-inner">
				          <div class="item-title">支付方式</div>
				          <div class="item-after">招商银行</div>
				        </div>
				      </li>
				      <li class="item-content" style="border-bottom: 2px solid #E4E6E8;">
				        <div class="item-inner">
				          <div class="item-title">当前状态</div>
				          <div class="item-after">支付成功</div>
				        </div>
				      </li>
				      <li class="item-content item-sum">
				        <div class="item-inner">
				        	<div class="item-title"></div>
				          <div class="item-after">￥20.9</div>
				        </div>
				      </li>
				    </ul>
				  </div>
				</div>
				<footer class="text-center">哈鲁科技有限公司</footer>
      </div><!-- end .page -->
        
        
    </div><!-- end .page-group -->
    
  </body>
</html>